// pages/todo/todo.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    noteList: ['吃饭饭', '睡觉觉'],
    note: "",
    num: 0,
  },

  //增加数据
  addNote(event) {
    console.log(event);
    console.log(event.detail.value);

    let {
      note,
      noteList
    } = this.data;
    //如果为空，给提示，后续代码不执行
    if (note.trim() === "") {
      wx.showToast({
        title: '输入不能为空',
        icon: 'none'
      })
      return;
    }
    //不为空
    noteList.push(note);
    note = ""; //清空输入框
    this.setData({
      noteList,
      note:""
    });
    wx.showToast({
      title: '添加成功',
      icon: 'success'
    })
  },
  //删除数据项
  removeNote(event) {
    const that = this;
    // console.log(that);
    wx.showModal({
      title: '你确定要删除吗？',
      // content: '这是一个模态弹窗',
      success(res) {
        if (res.confirm) {
          console.log(event.target.dataset.idx);
          const idx = event.target.dataset.idx;
          const noteList = that.data.noteList;
          noteList.splice(idx, 1);
          that.setData({
            noteList,
          })
          wx.showToast({
            title: '删除成功',
            icon: 'none'
          })
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },
  //清空数据项
  clearNote() {
    const that = this;
    wx.showModal({
      title: '警告',
      content: '你确定要清空数据吗？',
      success(res) {
        if (res.confirm) {
          that.setData({
            noteList: []
          })
          wx.showToast({
            title: '全都删完啦～',
            icon: 'none'
          })
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})